//
var nomProjet="pabobo_pp_200909";
var nomInterface="nomade";

//
function getFlashById(elem_id) {
  if (window.document[elem_id]) { return window.document[elem_id]; }
  if (navigator.appName.indexOf("Microsoft Internet")==-1) {
    if (document.embeds && document.embeds[elem_id]) {
      return document.embeds[elem_id]; 
    } else {
      return null;
    }
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
    return document.getElementById(elem_id);
  }
}

//player

var eventTcAsToJs;

$(document).ready(function(){ 
	
	var so1 = new SWFObject("animationChargement.swf", "flashObject1", "70", "60", "9", "#000000");
	so1.write("test");
	
	var so = new SWFObject("playerAjaxGoodV2.swf?1328445929", "flashObject", "480", "270", "9", "#000000");
	so.addParam("scale", "noscale");
	so.addParam("menu", "false");
	so.addParam("allowFullScreen", "true");
	so.addParam("wmode", "transparent");
	so.write("flashObjectContainer");
	
	$("#global-list").hide();

	lancementInterface = function(){
		fichierLienJsToAs();
		return ;
	 }

	lancementVideo = function(){
		$("#test").hide();
		document.getElementById("test").innerHTML= "";
		return;
	}
	 
	 eventDebutAsToJs = function(){
		makeRequest();
		return;
	 }


});


///////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////AJAX///////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////

var transport;
function makeRequest(){
	transport = $.ajax({
	  url: "http://pabobo_pp_200909.miradatv.com/informationXml.php",
	  data: "projet="+nomProjet+"&interface="+nomInterface,
	  success: chargementList
  });
	
}
	
///////////////////////////////////////////////////////////////////////////////////////////////
	
var fichierLienJsToAs = function () {
// envoi de l'évènement vers l'objet AS3 avec le nom de la fonction à lancer
	// Swiff.remote(document.getElementById('flashObject'), "fichierLienJsToAs", "http://demo.miradatv.com/lightXml.php?projet="+nomProjet+"&interface="+nomInterface+"");
	
	monelement = getFlashById("flashObject");
	monelement.fichierLienJsToAs("http://pabobo_pp_200909.miradatv.com/lightXml.php?projet="+nomProjet+"&interface="+nomInterface);
	
	return;
}	

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////DEBUT LISTE (Chapitre)////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//variable globale 
	var slideSelect = 0;
	var $pane1;
	var monAlphabet = new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
	var imageSlide;
	
//tableau pour stocker tout les element du xml
//chapitre
	var nbChap;
	var mesIdChap = new Array();
	var mesChap = new Array();
	var mesChapDescript = new Array();
	var mesTc = new Array();
	var mesImgChap = new Array();

//imgSlide
	var mesIdImgSlide = new Array();
	var mesTcSlideImage = new Array();
	var mesImgSlide = new Array();
	

//function de principale pour la creation de la liste
	function chargementList(){	
	
//une fois le xml chargé, on recup les element du xml 
		var xmldoc = transport.responseXML;
		var urlVideo_node = xmldoc.getElementsByTagName('lienVideo').item(0);
		nbChap = xmldoc.getElementsByTagName('itemChap').length;
		nbImgSlide = xmldoc.getElementsByTagName('itemImageSlide').length;

	
	//on affiche l'url de la video TEST
		//document.getElementById('lienVideo').innerHTML = urlVideo_node.firstChild.data;
	
	//boucle de création de la liste de chapitre
		for (var i = 0; i < nbChap; i++) {
			mesChap[i] = xmldoc.getElementsByTagName('titreChap').item(i).firstChild.data;
			mesIdChap[i] = xmldoc.getElementsByTagName('idChap').item(i).firstChild.data;
			mesChapDescript[i] = xmldoc.getElementsByTagName('descriptionChap').item(i).firstChild.data;
			mesTc[i] = xmldoc.getElementsByTagName('tcChap').item(i).firstChild.data;
			mesImgChap[i] = xmldoc.getElementsByTagName('imgChap').item(i).firstChild.data;
			
		//création de la liste 
			document.getElementById('pane1').innerHTML += "<div style=\"height:18px; margin-bottom:2px; background-image:url('images/elem/chap-centre.png'); background-repeat:repeat-x; color:#333; cursor: pointer;\" class=\"test\" id=\"slide"+i+"\" onclick=colorSlideSelect("+i+",1) ><p id='vigBoule'>"+monAlphabet[i]+"</p><p id=\"vigTitre\">"+mesChap[i]+"</p><!--p id=\"vigTc\">"+mesTc[i]+" sec</p--></div>";

		}
	
//boucle de création des imageSlide
	for (var j = 0; j < nbImgSlide; j++) {

		mesIdImgSlide[j] = xmldoc.getElementsByTagName('idImageSlide').item(j).firstChild.data;
		mesImgSlide[j] = xmldoc.getElementsByTagName('urlImageSlide').item(j).firstChild.data;
		mesTcSlideImage[j] = xmldoc.getElementsByTagName('tcImageSlide').item(j).firstChild.data;

	//création des imageSlide
		document.getElementById('divSlide').innerHTML += "<div id=imageSlide"+mesIdImgSlide[j]+"><IMG SRC="+mesImgSlide[j]+" width=250 height=360></div>";
	//et on la cache document.getElementById("imageSlide1"
		document.getElementById("imageSlide"+mesIdImgSlide[j]).style.display = 'none';
		//$("#imageSlide"+mesIdImgSlide[j]).hide();
	}
		
	$("#global-list").show("blind","",500);
		
	//appel d'initialisation 
		init(slideSelect);
		
	//fin chargement
		return false;
	}
	
//function d'init de la liste
	function init(numSlide){
	//on init la coulor de fond de la premiere slide
		colorSlideSelect(numSlide, 0);	
		initListe();
	//document.getElementById("imageSlide1").style.display = 'block';
		imageSlide = 1;
		document.getElementById('boutonHautM').style.backgroundImage = "url('images/elem/2/interface71_11.png')";
		
		if(nbChap <= 3){
			document.getElementById('boutonBasM').style.backgroundImage = "url('images/elem/2/interface71_16.png')";
		}
		
		//$("#logo").hide("blind","",500);
		return false;				
	}
	
//appel de la liste
	function initListe(){
		//init de la liste
		$pane1 = $('#pane1'); //document.getElementById(#pane1).
		$pane1.jScrollPane({showArrows:true, animateTo:true, wheelSpeed:0});
	}

//fonction pour changer la couleur d'ariere plan de la slide en cour de visionnage
	function colorSlideSelect(i, init){
			document.getElementById('slide'+slideSelect).style.backgroundImage = "url('images/elem/chap-centre.png')";
			document.getElementById('slide'+slideSelect).style.color = "#333";
			
			document.getElementById('slide'+i).style.backgroundImage ="url('images/elem/chap-centre-select.png')";
			document.getElementById('slide'+i).style.color = "#000";
			
			slideSelect = i;
			
			if(init == 1){
				monelement = getFlashById("flashObject");
				if(mesTc[i]!=0){
					// Swiff.remote(document.getElementById('flashObject'), "seekJsToAs", mesTc[i]);
					monelement.seekJsToAs(mesTc[i]);
				}
				else{
					// Swiff.remote(document.getElementById('flashObject'), "seekJsToAs", "1");
					monelement.seekJsToAs(1);
				}
			}
			
			return false;
	}
	
	
//fonction qui permet de passer au chapitre suivant
	var slideTestAAA = 0;
	
	function nextChap(){
		if(slideTestAAA < nbChap-3){
			slideTestAAA++;
			$pane1[0].scrollTo('#slide'+slideTestAAA);
			document.getElementById('boutonHautM').style.backgroundImage = "url('images/elem/2/interface7_11.png')";
		}
		if(slideTestAAA >= nbChap-3){
			document.getElementById('boutonBasM').style.backgroundImage = "url('images/elem/2/interface71_16.png')";
		}
		else{
			document.getElementById('boutonBasM').style.backgroundImage = "url('images/elem/2/interface7_16.png')";
		}
	}
	
//fonction qui permet de passer au chapitre precedent
	function previousChap(){
		if(slideTestAAA > 0){
			slideTestAAA--;
			$pane1[0].scrollTo('#slide'+slideTestAAA);
			document.getElementById('boutonBasM').style.backgroundImage = "url('images/elem/2/interface7_16.png')";
		}
		if(slideTestAAA == 0){
			document.getElementById('boutonHautM').style.backgroundImage = "url('images/elem/2/interface71_11.png')";
		}
		else{
			document.getElementById('boutonHautM').style.backgroundImage = "url('images/elem/2/interface7_11.png')";
		}
	}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////FIN LISTE/////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////Synchro TC/liste///////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	var numChapEnCour = -1;
	eventTcAsToJs = function (tc,tempsTotal) {			
		var numChapitre=0;
		
	//switch des chapitre dans la liste
	//rajout du temp total de la video dans le tableau de chapitre
		mesTc[nbChap] = mesTc[nbChap-1]+tempsTotal;
		
	//verif tu tc par rapport au tableau de tc chapitre
		monelement = getFlashById("flashObject");
		for (var j = 0; j < nbChap; j++) {
			if(tc < mesTc[0]){ //si le 1er chapitre ne commence pas a 0 
				numChapitre = 0;
				// Swiff.remote(document.getElementById('flashObject'), "titreJsToAs", 0,mesChap[0]);
				monelement.titreJsToAs(0,mesChap[0]);
				break;
			}else{ //sinon il
				if(tc >= mesTc[j]   && tc < mesTc[j+1] ){
					numChapitre = j;
					// Swiff.remote(document.getElementById('flashObject'), "titreJsToAs", j,mesChap[j]);
					monelement.titreJsToAs(j,mesChap[j]);
				}	
			}
		}
		
		
	//si le chapitre actuel est le meme que celui trouver on ne change rien
		if(numChapitre != numChapEnCour){	
			//bug IE
			//$pane1[0].scrollTo('#slide'+numChapitre);
			
			colorSlideSelect(numChapitre,0);
			numChapEnCour = numChapitre;
		}
		
		
	//switch des image
	//rajout du temp total dans le tableau des tc image
		mesTcSlideImage[nbImgSlide] = mesTcSlideImage[nbImgSlide-1]+tempsTotal;
		var numImageF=-1;
		
	//boucle de verif des image
		for (var k = 0; k < nbImgSlide; k++) {
			if(tc >= mesTcSlideImage[k]   && tc < mesTcSlideImage[k+1] ){
				numImageF = (k+1);
			}	
		}
		
	//appel de la fonction pour changer de slide
	
	//$("texteValue").value = numImageF;
		goToSlideNumber(numImageF);
		

		return;
	}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////Fin Synchro TC/liste///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////affichage Slide//////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//fonction permetant de changer de slide
	function goToSlideNumber(numImage){
	//on cache la slide actuel
		//$("#imageSlide"+imageSlide).hide();
		document.getElementById("imageSlide"+imageSlide).style.display = 'none';
	
	//et on affiche celle demander
		//$("#imageSlide"+numImage).show();
		document.getElementById("imageSlide"+numImage).style.display = 'block';
		
		imageSlide = numImage;

		return;
	}
	

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////finc affichage slide//////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////